    <section>
      <ul class="breadcrumb">
        <li><a href="<?php echo base_url('index.php/mainController/'); ?>">Home</a> <span class="divider">/</span></li>
        <li class="active">ค้นหาคำพิพากษา</li>
      </ul>

      <div class="page-header">
        <h1>ค้นหาคำพิพากษา</h1>

      </div>

      <script type="text/javascript">
      $(function(){
        #
      });
      </script>

      <div>

        <form class="form-horizontal">

          <div class="control-group">
            <label class="control-label" for="ืnamecase">รายคดี/ชื่อคดี</label>
            <div class="controls">
              <input type="text" id="ืnamecase" placeholder="รายคดี/ชื่อคดี">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="own">ผู้ถือสำนวน (ผู้รับผิดชอบ)</label>
            <div class="controls">
              <input type="text" id="own" placeholder="ผู้ถือสำนวนผู้รับผิดชอบ">
            </div>
          </div>

          <div class="control-group">
            <label class="control-label" for="type">ประเภทคำฟ้อง</label>
            <div class="controls">
              <select id="type">
                <option value="null">ประเภทคำฟ้อง</option>
                
              </select>
            </div>
          </div>



          <div class="control-group">
            <span class="control-label">ลำดับชั้นศาล</span>
            <div class="controls form-inline">
              <label class="checkbox inline ">
                <input type="checkbox"> แพ่ง
              </label>
              <label class="checkbox inline">
                <input type="checkbox"> อุทธรณ์
              </label>
              <label class="checkbox inline">
                <input type="checkbox"> ฎีกา
              </label>
            </div>
          </div>

          <div class="control-group">
            <span class="control-label">หมายเลขคดีดำ</span>
            <div class="controls form-inline">
              <input type="text" class="input-small" placeholder="หมายเลขคดีดำ" id="inputKey">
              <label for="inputKey">หมายเลขคดีแดง</label>
            <input type="text" class="input-small" placeholder="หมายเลขคดีแดง" id="inputKey">
            </div>
          </div>

  

          <div class="control-group">
            <label class="control-label" for="type">สถานะคดี</label>
            <div class="controls">
              <select id="type">
                <option value="null">สถานะคดี</option>
                
              </select>
            </div>
          </div>

          
          <div class="control-group">
            <span class="control-label">วันที่ยื่นคำร้อง</span>
            <div class="controls form-inline">
              <div id="dateStart" class="input-append">
                <input data-format="yyyy-MM-dd" type="text" class="span2" id="dateStart" name="dateStart"></input>
                <span class="add-on">
                  <i data-time-icon="icon-time" data-date-icon="icon-calendar">
                  </i>
                </span>
              </div>

              <label for="inputValue">ถึงวันที่</label>
              <div id="dateTo" class="input-append">
                <input data-format="yyyy-MM-dd" type="text" class="span2" id="dateTo" name="dateTo"></input>
                <span class="add-on">
                  <i data-time-icon="icon-time" data-date-icon="icon-calendar">
                  </i>
                </span>
              </div>
            </div>
          </div>

          <script type="text/javascript">
            $(function() {
              $('#dateStart').datetimepicker({
                pickTime: false
              })
              .on('changeDate', function (ev) {
                  // $('#dateTo').datepicker('setStartDate', '+1d' );
              });

              $('#dateTo').datetimepicker({
                pickTime: false
              });

            });
          </script>

          <div class="control-group">
            <div class="controls">
              <button type="button" id="btnFind" name="btnFind" class="btn btn-primary"><i class="icon-search icon-white"></i> ค้นหา</button>
            </div>
          </div>
        </form>

        <caption>จำนวนรายการทั้งหมดที่พบ 2 รายการ</caption>
        <div style="overflow: auto;">

        <table id="findfiat" class="table table-striped table-condensed headerCenter" style="width:1400px;">
          
          <thead >
            <tr>
              <th >รายคดี/ชื่อคดี</th>
              <th >วันที่ยื่นคำร้อง</th>
              <th >ลำดับชั้นศาล</th>
              <th >หมายเลขคดีดำ</th>
              <th >หมายเลขคดีแดง</th>
              <th >ผู้ถือสำนวน <br> (ผู้รับผิดชอบ)</th>
              <th >กอง</th>
              <th >ผลพิพากษา</th>
              <th >วันพิพากษา</th>
              <th >สถานะ</th>
            </tr>
 
          </thead>

          <tbody id='none' >
            <tr>
              <td>นายมะพาริ ดอนิ</td>
              <td>10 ต.ค. 2555</td>
              <td>แพ่ง</td>
              
              <td></td>
              <td></td>
              <td>พ.ต.ท.ธีรพงษ์ ดุลยวิจารณ์</td>
              <td></td>
              <td></td>
              <td></td>
              <td>ส่งสำนวนอัยการ</td>
              
            </tr>
            
            <tr>
              <td>นาง อรพรรณ หม่อมตา กับพวก</td>
              <td>10 ธ.ค. 2555</td>
              <td>อุทธรณ์</td>
              
              <td></td>
              <td></td>
              <td>พ.ต.ท.ธีรพงษ์ ดุลยวิจารณ์</td>
              <td></td>
              <td></td>
              <td></td>
              <td>ส่งสำนวนอัยการ</td>
              
            </tr>
           
          </tbody>
        </table>
      </div>
    </section>

    <!-- Script Modal -->
    <script type="text/javascript">

      $(function(){
        $('.open_allfile').bind('click',function(){
          var filecase = $(this).data('id');
          $("#myModalLabel").html($("#myModalLabel").html()+filecase);
        });
      });


    </script>

    <!-- Modal -->
    <div id="modal_showdetail" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">รายการแฟ้มสำนวนคดี - </h3>
      </div>
      <div class="modal-body">
        <form class="form-horizontal">

          <div class="control-group">
            <label class="control-label" for="ืnamecase">รายคดี/ชื่อคดี</label>
            <div class="controls">
              <input type="text" id="ืnamecase" placeholder="รายคดี/ชื่อคดี">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="own">ชั้นศาล</label>
            <div class="controls">
              <input type="text" id="own" placeholder="ชั้นศาล">
            </div>
          </div>

          <div class="page-header">
            <h4>ผลการพิพากษา :</h4>

          </div>
          <div>
            <ul class="nav nav-tabs">
              <li><a href="#civil" data-toggle="tab">แพ่ง</a></li>
              <li><a href="#appeal" data-toggle="tab">อุทธรณ์</a></li>
              <li><a href="#supremeCourt" data-toggle="tab">ฎีกา</a></li>
            </ul>

            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="civil">
                <p>แพ่ง</p>
              </div>
              <div class="tab-pane fade" id="appeal">
                <p>อุทธรณ์</p>
              </div>
              <div class="tab-pane fade" id="supremeCourt">
                <p>ฎีกา</p>
              </div>
            </div>
          </div>
          <hr>

          <div class="control-group">
            <label class="control-label" for="own">หมายเลขคดีดำ</label>
            <div class="controls">
              <input type="text" id="own" placeholder="หมายเลขคดีดำ">
            </div>
          </div>

          <div class="control-group">
            <label class="control-label" for="own">หมายเลขคดีแดง</label>
            <div class="controls">
              <input type="text" id="own" placeholder="หมายเลขคดีแดง">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="own">ผลพิพากษา</label>
            <div class="controls">
              <input type="text" id="own" placeholder="ผลพิพากษา">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="own">วันพิพากษา</label>
            <div class="controls">
              <input type="text" id="own" placeholder="หมายเลขคดีแดง" value="dd/MM/yyy" disabled>
            </div>
          </div>
       </form>

      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">ย้อนกลับ</button>
        <button class="btn btn-primary">ตกลง</button>
      </div>
    </div>